<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>魏远商城</title>
    <link rel="stylesheet" type="text/css" href="../../css/common/public.css" />
    <script src="../../assets/jquery-3.1.1.min.js"></script>
</head>
<body>
	<!--顶部代码-->
	<div class="top_all">
		<div class="top">
			<div class="top_con">
				<div class="tlogin"></div>
				<div>免费注册</div>
				<div class="homepage">商城首页</div>
				<div class="tmyorder">我的订单<img src="../../image/turn_down.png"></div>						
				<div><img src="../../image/shop_car.png">购物车<span class="car_time">0</span></div>
				<div class="line_ke">联系客服<img src="../../image/turn_down.png"></div>							
			</div>		
		</div>
		<div class="loged" style="display: none;">
			<div><span class="guanli">账号管理</span>|<span class="out">退出</span></div>
			<div class="thead">
				<div class="thead_pic"><span></span></div>
				<div class="tmenber">企业会员</div>
			</div>
		</div>
		<div class="myorder">
			<span>待支付</span>
			<span>待发货</span>
			<span>待收货</span>
			<span>待评价</span>
		</div>
		<div class="tcont">
			<span>用户帮助</span>
			<span>联系客服</span>
			<span>投诉建议</span>
			<span>退换货</span>
			<span>收货地址管理</span>
		</div>
		
		<div class="logeandsear">
			<div><img src="../../image/Logo.png"></div>
			<div class="search">
				<div>
					<img class="search-icon" src="../../image/search-icon.png"><input type="text" placeholder="魏远产品搜索" /><span class="gotosearch">搜索</span>					
				</div>
			</div>
	    </div>
	</div>	
	
	<!--右侧代码-->
	<div class="right">
			<div class="right_car"><span><img src="../../image/righr_car.png"></br>购</br>物</br>车</span></div>
		<div class="youhuiquan"><span>优</br>惠</br>券</span></div>
		<div class="qianbao"><span>钱</br>包</span></div>
		<div class="qiyeshangc"><span>企</br>业</br>商</br>城</span></div>
		<div class="totop"><span><br/>^<br/>TOP</span></div>
	</div>
	
	<div class="wrap">
		
	</div>
		
	<!--底部代码-->
    <div>
		<div class="wrap_bottom"><img src="../../image/bottom.png"></div>
	</div>
<script type="text/javascript" src="../../js/url.js"></script>
<script>
	
	/*顶部显示小时效果*/
	   $('.loged, .tlogin').on('mouseover',function(){
       	  $('.tlogin').css({'background-color':'white','border-right': '1px solid #EEEEEE','border-left': '1px solid #EEEEEE','box-sizing': 'border-box'});
       	  $('.loged').css('display','block');
       })

       $('.loged, .tlogin').on('mouseout',function(){
       	  $('.tlogin').css({'background-color':'#f6f7f8','border':'none'});
       	  $('.loged').css('display','none');
       })
       
       $('.myorder, .tmyorder').on('mouseover',function(){
       	  $('.tmyorder').css({'background-color':'white','border-right': '1px solid #EEEEEE','border-left': '1px solid #EEEEEE','box-sizing': 'border-box'});
       	  $('.myorder').css('display','block');
       })

       $('.myorder, .tmyorder').on('mouseout',function(){
       	  $('.tmyorder').css({'background-color':'#f6f7f8','border':'none'});
       	  $('.myorder').css('display','none');
       })
       
       $('.line_ke, .tcont').on('mouseover',function(){
       	  $('.line_ke').css({'background-color':'white','border-right': '1px solid #EEEEEE','border-left': '1px solid #EEEEEE','box-sizing': 'border-box'});
       	  $('.tcont').css('display','block');
       })

       $('.line_ke, .tcont').on('mouseout',function(){
       	  $('.line_ke').css({'background-color':'#f6f7f8','border':'none'});
       	  $('.tcont').css('display','none');
       })
       
       
	/*回到顶部*/
	$('.totop').on('click',function(){
		window.scrollTo( 0, 0 );
//		alert(11);
	})
	

</script>
</body>
</html>